<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<div id="btnRequestJob" class="modal fade" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true"
	style="display: none;">
	<div class="modal-dialog">
		<s:if test='model.authorizeJob.statusAuthorizeJob.equals("")'>
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">×</span><span class="sr-only">Close</span>
					</button>
					<h2 class="modal-title" id="myModalLabel">ร้องของาน</h2>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-md-12" style="padding-left: 2em">
							<div class="row mt05">
								<div class="col-md-12 col-sm-12 col-xs-12">
									<p align="center">
										ท่านไม่สามารถร้องของานได้ กรุณา <b>เข้าสู่ระบบ</b>
										เพื่อทำการร้องของาน
									</p>
								</div>
							</div>
							<div class="row mt05">
								<s:form action="loginPage" theme="css_xhtml">
									<div class="col-md-12 col-sm-12 col-xs-12 textCenter">
										<button type="submit"
											class="btn btn-labeled btn-success font4">
											<span class="btn-label"><i class="icon-login"></i></span>เข้าสู่ระบบ&nbsp;&nbsp;&nbsp;
										</button>
										<input type="hidden" name="model.url"
											value="jobDetail?model.postJobId=<s:property value="model.postJobId"/>" />
									</div>
								</s:form>
							</div>
							<div class="row mt05">
								<div class="col-md-12 col-sm-12 col-xs-12 textCenter">

									<button type="button" class="btn btn-labeled btn-info font4"
										data-dismiss="modal">
										<span class="btn-label"><i class="icon-user-1"></i></span>สมัครสมาชิก
									</button>
								</div>
							</div>
							<br>
						</div>
					</div>
				</div>
				<div class="modal-footer"></div>
			</div>
		</s:if>
		<s:else>
			<s:form action="requestThisJob" theme="css_xhtml">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">×</span><span class="sr-only">Close</span>
						</button>
						<h2 class="modal-title" id="myModalLabel">ร้องของาน</h2>
					</div>
					<div class="modal-body">
						<div class="row">
							<div class="col-md-12" style="padding-left: 2em">
								<div class="row mt05">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<b>ชื่องาน</b> :
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9">
										<s:property value="model.jobDetail.job.jobName" />
									</div>
								</div>
								<div class="row mt05">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<b>ประเภทงาน</b> :
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9">
										<s:property value="model.aptitudeTypeNameOfJob" />
									</div>
								</div>
								<div class="row mt05">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<b>ทักษะที่เกี่ยวข้อง</b> :
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9">
										<s:iterator value="model.jobDetail.listAptitude">
											<span class="tags"><s:property value="aptitudeName" /></span>
										</s:iterator>
									</div>
								</div>
								<div class="row mt05">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<b>วันที่โพส</b> :
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9">
										<s:date name="model.jobDetail.postDate" format="dd MMMM yyyy" />
									</div>
								</div>
								<div class="row mt05">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<b>ลักษณะการว่าจ้าง</b> :
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9">
										<s:property value="model.jobDetail.job.formatTime" />
									</div>
								</div>
								<div class="row mt05">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<b>ค่าตอบแทน</b> :
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9">
										<s:set name="formatTime"
											value="model.jobDetail.job.formatTime"></s:set>
										<s:if test="%{#formatTime=='รายชั่วโมง'}">
											<b><s:property
													value="model.jobDetail.job.paymentOfJob.fixPrice" /></b> บาท/ชั่วโมง
																<s:set name="formatTimeUnit" value="%{'บาท/ชั่วโมง'}"></s:set>
										</s:if>
										<s:elseif test="%{#formatTime=='รายวัน'}">
											<b><s:property
													value="model.jobDetail.job.paymentOfJob.fixPrice" /></b> บาท/วัน
															<s:set name="formatTimeUnit" value="%{'บาท/วัน'}"></s:set>
										</s:elseif>
										<s:elseif test="%{#formatTime=='รายเดือน'}">
											<b><s:property
													value="model.jobDetail.job.paymentOfJob.fixPrice" /></b> บาท/เดือน
															<s:set name="formatTimeUnit" value="%{'บาท/เดือน'}"></s:set>
										</s:elseif>
										<s:elseif test="%{#formatTime=='เหมาจ่าย'}">
											<b><s:property
													value="model.jobDetail.job.paymentOfJob.fixPrice" /></b> บาท
															<s:set name="formatTimeUnit" value="%{'บาท'}"></s:set>
										</s:elseif>
										<s:else>
											<b><s:property
													value="model.jobDetail.job.paymentOfJob.minPrice" /> - <s:property
													value="model.jobDetail.job.paymentOfJob.maxPrice" /></b> บาท
															<s:set name="formatTimeUnit" value="%{'บาท'}"></s:set>
										</s:else>
									</div>
								</div>
								<div class="row mt05">
									<div class="col-md-3 col-sm-3 col-xs-3">
										<b>ระยะเวลาทำงาน</b> :
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9">
										<s:date name="model.jobDetail.job.startDateOfJob"
											format="dd MMMM yyyy" />
										-
										<s:date name="model.jobDetail.job.startDateOfJob"
											format="dd MMMM yyyy" />
									</div>
								</div>
								<s:if test="%{#formatTime=='เสนอราคา'}">
									<div class="alert alert-info mt15">
										<div class="row ">
											<div class="col-md-12 col-sm-12 col-xs-12 textCenter">
												<b>*** ผู้ร้องขอจะระบุราคาที่ต้องการเสนอ ตั้งแต่ <s:property
														value="model.jobDetail.job.paymentOfJob.minPrice" /> - <s:property
														value="model.jobDetail.job.paymentOfJob.maxPrice" /> บาท
													***
												</b>
											</div>
										</div>
										<div class="row mt05">
											<div class="col-md-3 col-sm-12 col-xs-12">ราคาที่เสนอ:</div>
											<div class="col-md-7 col-sm-12 col-xs-12">
												<input type="text" class=" form-control "
													placeholder="กรอกเป็นตัวเลขเท่านั้น"
													name="model.priceOfBid">
											</div>
											<div class="col-md-2 col-sm-12 col-xs-12">บาท/วัน</div>
										</div>
									</div>
								</s:if>
							</div>
						</div>
					</div>
					<div class="modal-footer">

						<input type="hidden" name="model.postJobId"
							value="<s:property value="model.postJobId" />" />
						<button type="submit" class="btn btn-labeled btn-success font4">
							<span class="btn-label"><i class=" icon-ok-circled"></i></span>ยืนยัน
						</button>
						<button type="reset" class="btn btn-labeled btn-danger font4"
							data-dismiss="modal">
							<span class="btn-label"><i class=" icon-cancel-circled"></i></span>ยกเลิก
						</button>

					</div>
				</div>
			</s:form>
		</s:else>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>